<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<style>
.pic{
	width: 110px;
	height: 180px;
	line-height: 180px;
	border: 1px solid blue;
	position: relative;
	overflow: hidden;
}
.pic >img{
	width: 100%;
	height: 100%;
}
.pic .inner{
	position: absolute;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	border: 90px blue solid;
	/*box-sizing: border-box;*/
	top: -60px;
	left: -90px;

}
.
</style>
</head>
<body>
<div class="pic">
	<img src="images/p.jpg" alt="">
	<div class="inner"></div>
</div>
<br>
<img src="images/p.jpg" alt="" class="abc">
</body>
</html>